<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

		<title>购物车页面</title>
		<script type="text/javascript" th:src="@{../js/jquery.js}"></script>
		<script th:src="@{/adminlte/bower_components/jquery/dist/jquery.min.js}"></script>
		<link th:href="@{../AmazeUI-2.4.2/assets/css/amazeui.css}" rel="stylesheet" type="text/css" />
		<link th:href="@{../basic/css/demo.css}" rel="stylesheet" type="text/css" />
		<link th:href="@{../css/cartstyle.css}" rel="stylesheet" type="text/css" />
		<link th:href="@{../css/optstyle.css}" rel="stylesheet" type="text/css" />
		<link rel="stylesheet" th:href="@{/bootstrap-table/bootstrap-table.css}">
		<script th:src="@{/bootstrap-table/bootstrap-table.min.js}"></script>
		<script th:src="@{/bootstrap-table/locale/bootstrap-table-zh-CN.js}"></script>
		<!-- Bootstrap 3.3.7 -->
		<script th:src="@{/adminlte/bower_components/bootstrap/dist/js/bootstrap.min.js}"></script>
	</head>
	<body>
		<!--顶部导航条 -->
		<div class="am-container header">
			<ul class="message-l">
				<div class="topMessage">
					<div class="menu-hd">
				      欢迎您，<span th:text="${session.session_user.username}"></span>
					</div>
				</div>
			</ul>
			<ul class="message-r">
				<div class="topMessage home">
					<div class="menu-hd"><a th:href="@{/users/main}" target="_top" class="h">商城首页</a></div>
				</div>
				<div class="topMessage my-shangcheng">
					<div class="menu-hd MyShangcheng"><a href="#" target="_top"><i class="am-icon-user am-icon-fw"></i>个人中心</a></div>
				</div>
				<div class="topMessage mini-cart">
					<div class="menu-hd"><a id="mc-menu-hd" href="#" target="_top"><i class="am-icon-shopping-cart  am-icon-fw"></i><span>购物车</span><strong id="J_MiniCartNum" class="h">0</strong></a></div>
				</div>
		</ul>
			<!--购物车 -->
			<div class="concent">

				<div id="cartTable">
					<div class="cart-table-th">
						<div class="wp">
							<div class="th th-item">
								<div class="td-inner">商品信息</div>
							</div>
							<div class="th th-price">
								<div class="td-inner">单价</div>
							</div>
							<div class="th th-amount">
								<div class="td-inner">数量</div>
							</div>
							<div class="th th-sum">
								<div class="td-inner">金额</div>
							</div>
							<div class="th th-op">
								<div class="td-inner">操作</div>
							</div>
						</div>
					</div>
					<tr class="item-list" th:each="goodsImage:${goodsImage}">
						<div class="bundle  bundle-last ">
							<div class="bundle-hd">
								<div class="bd-promos">
									<div class="bd-has-promo">已享优惠:<span class="bd-has-promo-content">省￥19.50</span>&nbsp;&nbsp;</div>
									<div class="act-promo">
										<a href="#" target="_blank">第二支半价，第三支免费<span class="gt">&gt;&gt;</span></a>
									</div>
									<span class="list-change theme-login">编辑</span>
								</div>
							</div>
							<div class="clear"></div>
							<div class="bundle-main">
								<ul class="item-content clearfix">
									<li class="td td-chk">
										<div class="cart-checkbox ">
											<input class="check" id="J_CheckBox_170037950254" name="items[]" th:value="${goodsImage.goodsid}" type="checkbox">
											<label for="J_CheckBox_170037950254"></label>
										</div>
									</li>
									<li class="td td-item">
										<div class="item-pic">
											<a href="#" target="_blank" th:data-title="${goodsImage.goodsname}" class="J_MakePoint" data-point="tbcart.8.12">
												<img th:src="@{/pictures/}+${goodsImage.path}" class="itempic J_ItemImg"></a>
										</div>
										<div class="item-info">
											<div class="item-basic-info">
												<a th:href="@{/goods/find} + '?id='+${goodsImage.goodsid}" target="_blank" th:title="${goodsImage.goodsname}" class="item-title J_MakePoint" data-point="tbcart.8.11" th:text="${goodsImage.goodsname}">美康粉黛醉美唇膏 持久保湿滋润防水不掉色</a>
											</div>
										</div>
									</li>
									<li class="td td-info">
										<div >
											<h3 th:text="${goodsImage.description}"></h3>
										</div>
									</li>

									<li class="td td-price">
										<div class="item-price price-promo-promo">
											<div class="price-content">
												<div class="price-line">
													<em class="price-original" th:text="${goodsImage.price}">78.00</em>
												</div>
												<div class="price-line">
<!--													<input type="hidden" th:value="${goodsImage.goodsid}" id="goodsid"/>-->
													<em class="J_Price price-now" tabindex="0" id="price" th:text="${goodsImage.price}">39.00</em>
												</div>
											</div>
										</div>
									</li>
									<li class="td td-amount">
										<div class="amount-wrapper ">
											<div class="item-amount ">
												<div class="sl">
													<em class="J_Price price-now" id="num" th:text="${goodsImage.num}"  ></em>
												</div>
											</div>
										</div>
									</li>
									<li class="td td-sum">
										<div class="td-inner">
											<em tabindex="0" class="J_ItemSum number" id="sum" th:text="${goodsImage.price}"></em>
										</div>
									</li>
									<li class="td td-op">
										<div class="td-inner">
											<a href="javascript:;" data-point-url="#" class="delete">
                  删除</a>
										</div>
									</li>
								</ul>
							</div>
						</div>
					</tr>
					<div class="clear"></div>
				</div>
				<div class="float-bar-wrapper">
					<div id="J_SelectAll2" class="select-all J_SelectAll">
						<div class="cart-checkbox">
							<input class="check-all check" id="J_SelectAllCbx2" name="select-all" value="true" type="checkbox" onclick="changeState(this.checked)">
							<label for="J_SelectAllCbx2"></label>
						</div>
						<span>全选</span>
					</div>
					<div class="operations">
						<a hidefocus="true" class="deleteAll" onclick="chk()">删除</a>
					</div>
					<div class="float-bar-right">
						<div class="amount-sum">
							<span class="txt">已选商品</span>
							<em id="J_SelectedItemsCount">0</em><span class="txt">件</span>
							<div class="arrow-box">
								<span class="selected-items-arrow"></span>
								<span class="arrow"></span>
							</div>
						</div>
						<div class="price-sum">
							<span class="txt">合计:</span>
							<strong class="price">¥<em id="J_Total">0.00</em></strong>
						</div>
						<div class="btn-area">
							<a href="pay.html" id="J_Go" class="submit-btn submit-btn-disabled" aria-label="请注意如果没有选择宝贝，将无法结算">
								<span>结&nbsp;算</span></a>
						</div>
					</div>

				</div>

				<div class="footer">
					<div class="footer-hd">
						<p>
							<a href="#">恒望科技</a>
							<b>|</b>
							<a href="#">商城首页</a>
							<b>|</b>
							<a href="#">支付宝</a>
							<b>|</b>
							<a href="#">物流</a>
						</p>
					</div>
					<div class="footer-bd">
						<p>
							<a href="#">关于恒望</a>
							<a href="#">合作伙伴</a>
							<a href="#">联系我们</a>
							<a href="#">网站地图</a>
							<em>© 2015-2025 Hengwang.com 版权所有</em>
						</p>
					</div>
				</div>

			</div>

			<!--操作页面-->

			<div class="theme-popover-mask"></div>

			<div class="theme-popover">
				<div class="theme-span"></div>
				<div class="theme-poptit h-title">
					<a href="javascript:;" title="关闭" class="close">×</a>
				</div>

			</div>
		</div>
		<!--引导 -->
		<div class="navCir">
			<li><a href="home.html"><i class="am-icon-home "></i>首页</a></li>
			<li><a href="sort.html"><i class="am-icon-list"></i>分类</a></li>
			<li class="active"><a href="shopcar.html"><i class="am-icon-shopping-basket"></i>购物车</a></li>
			<li><a href="../person/index.html"><i class="am-icon-user"></i>我的</a></li>					
		</div>
	<script language="JavaScript" type="text/javascript">
		// $("#add1").click(function () {
		// 	var price=$('#price').val();
		// 	var num = $('#nun').val();
		// 	var goodsid= $("#goodsid").val();
		// 	$.ajax({
		// 		type:'POST',
		// 		url:'/shopcar/addnum',
		// 		data:{
		// 			num:num,
		// 			price:price,
		// 			goodsid:goodsid
		// 		},
		// 	});
		// });
		//多选
		function changeState(isChecked) {
			var chk_list=document.getElementsByName("items[]");
			for(var i=0;i < chk_list.length;i++){
				if(chk_list[i].type=="checkbox"){
					chk_list[i].checked=isChecked;
				}
			}
		}
		// //删除选中项
		// function chk() {
		// 	var obj =document.getElementsByName('items[]');
		// 	var s=[];
		// 	for(var i=0;i<obj.length;i++){
		// 		if(obj[i].checked)
		// 			s.push(obj[i].value);
		// 	}
		//
		// }
	</script>

	</body>


</html>